.freight-modal {
  .line {
    margin-bottom: @space * 2;
    .ivu-input-number{
      margin: 0 @space;
    }
  }
  .info {
    margin: @space * 2  auto;
  }
}
.tranfer-freight {
  .row {
    .flexLeft();
    margin: 0 0 @space * 2 @size * 1.2;
    .ivu-select {
      width: @size * 1.4;
    }
    .label {
      margin: 0 @space;
    }
  }
  .tranfer-box {
    display: flex;
    margin: @space 0 @space @size * 1.4;
    position: relative;
    .tab {
      width: @size * 3.2;
      height: @size * .4;
      padding: 0 @space;
      .flexBetween();
      border: @space * 0.1 solid #dddee1;
      .cancel-info {
        cursor: pointer;
        &:hover{
          color: @mainColor;
        }
      }
    }
    .load-disable {
      width: 6.4 * @size;
      position: absolute;
      background-color: #e3e5e8;
      top: 0;
      left: 0;
      bottom: 0;
      height: 100%;
      opacity: 0.5;
      z-index: 100;
    }
    .content {
      height: @size * 4;
      padding: 0;
      border: @space * 0.1 solid #dddee1;
      border-top: @space * 0.1 solid transparent;
      background-color: @white;
      overflow-Y: scroll;
      ul {
        li {
          height: @size * .4;
          line-height: @size * .4;
          padding-left: @space;
          border-bottom: @space * 0.1 solid #dddee1;
          &.checkbox label {
            .flexLeft();
            cursor: pointer;
          }
          &.checkbox label input {
            opacity: 0;
            position: relative;
            left:  @size * .14;
            z-index: 14;
            cursor: pointer;
          }
          &.checkbox label span {
            display: inline-block;
            width:  @size * .14;
            height:  @size * .14;
            margin-right: @space * .4;
            cursor: pointer;
            position: relative;
          }
          &.checkbox label input[type="checkbox"]+span {
            display: inline-block;
            width:  @size * .14;
            height: @size * .14;
            position: relative;
            top: 0;
            left: 0;
            border: 1px solid @border-color-base;
            border-radius: @size * .02;
            background-color: @white;
            transition: border-color @transition-time @ease-in-out, background-color @transition-time @ease-in-out, box-shadow @transition-time @ease-in-out;
            &:after {
              content: '';
              display: table;
              width: @size * .04;
              height: 8px;
              position: absolute;
              top: @size * .01;
              left: @size * .04;
              border: 2px solid @white;
              border-top: 0;
              border-left: 0;
              transform: rotate(45deg) scale(0);
              transition: all @transition-time @ease-in-out;
            }
          }
          &.checkbox label input[type="checkbox"]:checked+span {
            border-color: @mainColor;
            background-color: @mainColor;
            &:after {
              content: '';
              display: table;
              width: @size * .04;
              height: @size * .08;
              position: absolute;
              top: @size * .01;
              left: @size * .04;
              border: 2px solid #fff;
              border-top: 0;
              border-left: 0;
              transform: rotate(45deg) scale(1);
              transition: all @transition-time @ease-in-out;
            }
          }
        }
      }
    }
  }
}

